<template>
	<view class="bg-gray">
		<view class="bg-white ruzhiinfo width commonbg">
			<view class="flex-row-between boxitem">
				诊疗时间
				<view>
				  请选择
				  <u-icon name='arrow-right'></u-icon>
				</view>
			</view>
		</view>
		<view class="bg-white ruzhiinfo width commonbg">
			<view class="flex-row-between boxitem">
				联系人
				<input class="uni-input" v-model='username' placeholder="请输入" />
			</view>
			<view class="flex-row-between boxitem">
				联系电话
				<input class="uni-input" v-model='phone' placeholder="请输入" />
			</view>
		</view>
		<view class="width apply">
			<u-button type="primary" shape='circle' @click="jump('/pages/treatment/index')">发起预约</u-button>
		</view>
	</view>
</template>

<script>
	import tpl_banner from "@/pages/tabbar/roperty/template/tpl_banner"; 
	export default {
		components: {
			carousel: tpl_banner
		},
		data(){
			return {
				username:'',
				phone:''
			}
		},
		methods:{
			jump(res){
				uni.showToast({
					title: "内测中，暂不可使用哦~",
					icon: "none",
					duration: 1500,
				});
				setTimeout(function () {
					// 返回上一页
					uni.navigateBack({
					    delta: 1 // 默认值是1，表示返回的页面层数
					});
				},2000)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.bg-gray{
		padding-bottom: 35px;
	}
	.uni-input{
		text-align: right;
		font-size: 14px;
	}
	.apply{
		margin-top:25px;
	}
	.commonbg{
		padding: 12px 20px;
		border-radius: 12px;
		margin-bottom: 14px;
		.line{
			width: 4px;
			height: 16px;
			background-color: #499C43;
			margin-right: 5px;
		}
	}
	.boxitem{
		padding: 15px 10px;
		border-bottom: 1px solid #F6F6F6;
		.liuyan{
			border: 1px solid #F6F6F6;
			margin-top: 10px;
			padding: 10px;
		}
	}
	.boxitem:last-child{
		border:none;
	}
</style>